<%--
  Created by IntelliJ IDEA.
  User: ZXW
  Date: 2022/4/26
  Time: 16:30
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我的草稿箱</title>

  <!-- 静态包含base标签 jQuery文件 -->
  <%@include file="/pages/common/head.jsp"%>


  <link rel="stylesheet" href="static/css/common.css">
  <link rel="stylesheet" href="static/css/blog_list.css">
<script type="text/javascript">
  $(function (){
          // 给 【删除】绑定单击事件
           $("a.deleteBlog").click(function (){
           return confirm("你确定删除这篇文章吗？");
  });
  });

</script>


</head>
<body>
<!-- 导航栏 -->
<div class="nav">
  <img src="image/log.png" alt="">
  <span class="title">我的草稿箱</span>
  <!-- 使用 span 把左右两侧的元素给撑开 -->
  <span class="spacer"></span>
  <a href="blogServlet?action=page&username=${sessionScope.user.username}">我的博客主页</a>
  <a href="pages/draft/draft_edit.jsp">写草稿</a>
<%--  <a href="pages/blog/blog_edit.jsp">草稿箱</a>--%>
  <a href="userServlet?action=logout">注销</a>
</div>
<!-- 版心 -->
<div class="container">
  <!-- 左侧区域，显示用户信息 -->
  <div class="container-left">
    <!-- 用户详情 -->
    <div class="card">
      <!-- 用户的头像 -->
      <img src="image/head.jpg" alt="">
      <!-- 用户名 -->
      <h3 name="username">${sessionScope.user.username}</h3>
<%--      <!-- 其它信息 -->--%>
<%--      <a href="https://blog.csdn.net/weixin_51367845?type=blog">CSDN 地址</a>--%>
<%--      <a  href="#">GitHub 地址</a>--%>
      <!-- 文章分类 -->
<%--      <div class="counter">--%>
<%--        <span href="#"><a class="follower" href="relationServlet?action=queryFollower&username=${sessionScope.user.username}">文章</a></span>--%>
<%--        <span href="#"><a class="follower" href="relationServlet?action=queryFollower&username=${sessionScope.user.username}">关注的人</a></span>--%>
<%--        <span href="#"><a class="followed" href="relationServlet?action=queryFollowed&username=${sessionScope.user.username}">粉丝</a></span>--%>
<%--        <span href="#"><a class="followed" href="relationServlet?action=queryFollowed&username=${sessionScope.user.username}">我的获赞</a></span>--%>
<%--      </div>--%>
<%--      <div class="counter">--%>
<%--        <span>2</span>--%>
<%--        <span name="followerNum" >${sessionScope.followerNum}</span>--%>
<%--        <span name="followedNum">${sessionScope.followedNum}</span>--%>
<%--        <span >10</span>--%>
<%--      </div>--%>
    </div>
  </div>
  <!-- 右侧区域，显示博客列表 -->
  <div class="container-right">

    <c:if test="${empty sessionScope.drafts}">
      <h1>草稿箱目前为空！！</h1>

    </c:if>
    <!-- 每个 blog 代表一篇博客 -->
    <c:forEach items="${sessionScope.drafts}" var="drafts">

    <div class="blog">
<%--      <div class="title">${blogs.count}</div>--%>
<%--      <div class="date">2022-2-16</div>--%>
<%--  style="width: 180px ;height: 200px; border: red solid 1px "--%>
      <div   class="desc">
        ${drafts.draft}

      </div><br/>
<%--      <div class="favour">--%>
<%--        点赞数：${blogs.favour}--%>
<%--      </div>--%>
<%--      <div class="collection">--%>
<%--         收藏数： ${blogs.collection}--%>
<%--      </div>--%>
<%--      <a class="showBlog" href="blogServlet?action=querySingleBlog&blogId=${blogs.id}" class="detail">查看草稿&gt;&gt;</a>--%>
<%--      <a class="deleteBlog" href="blogServlet?action=deleteBlogByBlogId&blogId=${blogs.id}">删除草稿</a>--%>

<%--  &content=${sessionScope.content}--%>
<%--      <a class="updateBlog" href="blogServlet?action=updateBlog&blogId=${blogs.id}">修改草稿 </a>--%>
  <a class="releaseDraft" href="draftServlet?action=releaseDraft&draftId=${drafts.id}&userName=${sessionScope.user.username}">发布草稿</a>
    </div>
    </c:forEach>


<%--    <c:if test="${not empty sessionScope.followerName }">--%>
<%--      <c:forEach items="${sessionScope.followerName}" var="follower">--%>
<%--        <tr>--%>
<%--          <td>${follower}</td>--%>
<%--          <td>${book.price}</td>   begin="0" end="${sessionScope.followerName.size()}"--%>
        <%--          <td>${book.author}</td>--%>
<%--          <td>${book.sales}</td>--%>
<%--          <td>${book.stock}</td>--%>
<%--          <td><a href="manager/bookServlet?action=getBook&id=${book.id}&pageNo=${requestScope.page.pageNo}">修改</a></td>--%>
<%--            &lt;%&ndash;提交请求参数到BookServlet里面&ndash;%&gt;--%>
<%--          <td><a class="deleteClass" href="manager/bookServlet?action=delete&id=${book.id}&pageNo=${requestScope.page.pageNo}">删除</a></td>--%>
<%--        </tr>--%>

<%--      </c:forEach>--%>
<%--      <%--%>
<%--         for(int i=0;i<)--%>
<%--      %>--%>

<%--    </c:if>--%>
  </div>
</div>
</body>
</html>
